@charset "UTF-8";
/* CSS Document */
html, body
    {
		float: hidden;
		margin: 0;
		padding: 0;
    }

.bg
	{
		text-align:center;
		border:2px solid #000;
		background:#000;
		width:1024px;
		height: 768px;
		border-radius:10px;
		-moz-border-radius:10px; /* 老的 Firefox */
		margin-left: auto;
		margin-right: auto;
	}

.dotLine
	{
		position:relative;
		border:1px dashed #fff;
		margin: 10px 10px 10px 10px;
		width: 1004px;
		height: 748px;
		border-radius:8px;
		-moz-border-radius:8px;
	}

.divLeft
	{
		position:relative;
		width:49%;
		height:99%;
		float:left;
		overflow:hidden；

	}

#infoRight
	{
		background:#fff;
		width:100%;
		height:705px;
	}

.divRight
	{
		position:relative;
		width:48%;
		height:99%;
		float:right;
	}
	
#paperRight
	{
		width:100%;
		height:705px;
		float:right;
		background:#fff;
        margin:10px 10px 10px 10px;
	}

#title
{
	border:1px solid #f00;
    display:block;
	width: 100%;
	height: 100px;
	line-height:100px;
	text-align:center;
	vertical-align:middle;
	z-index:5;
	margin-top:10px;
}

#allmap
{
	margin-top:10px;
	width: 100%;
	height: 565px;
	display:block;
}
	
.divHeaderTable
{
        width: 100%;
        padding-bottom:5px;
        display:block;
}
.divHeaderRow
{
        width: 100%; /* add extra that you want to for header column */
        display:block;
        height:105px;
}
.divHeaderColumn
{
        float: left;
        width: 33%;
        display:block;
}
.divTable
{
        width: 100%;
        display:block;
        padding-top:10px;
        padding-bottom:10px;
        padding-right:10px;
        padding-left:10px; 
}
.divRow
{
         width: 99%; 
         display:block;
         padding-bottom:5px;
}
.divColumn
{
     float: left;
     width:48%;
     display:block;
}
#middle
{
	 float: left;
     width:20px;
     height: 690px;
     display:block;
}
#coil
{
	 width: 50px;
	 height: 100%;
	 z-index: 2;
	 position: relative;
	 background:url(../images/coil.png) repeat-y;
	 right: 20px;
	 top:15px;
}
#pages
{
	width: 100%;
	height: 705px;
	background:url(../images/pages.png) repeat-y top right;
}

#userInfo
{
	border:1px solid #f00;
    display:block;
	width: 100%;
	height: 500px;
	line-height:100px;
	margin-top:10px;
}

#roateDiv
{
	width: 100%;
	height: 100px;
	display:block;
	padding: 10px;
	margin-top: -1px;
	margin-left: -1px;
	transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.2660444431189777, M12=-0.3327876096865394, M21=0.1127876096865398, M22=0.9660444431189779);
}
#userPic
{
	position:relative;
	left:34px;
	top:-89px;
	width:120px;
	height:120px;
	z-Index:-1;
	border:0;
}

#tri
{
	position: relative;
	top:75px;
	left:-16px;
	width: 135px;
	height: 100px;
	z-index:1;
	border: 0;
}
#tab 
{
	position: absolute;
	right: 3px;
	z-index: 2;
}

/*三角形*/
 .triangle {
 position: absolute;
 width:0px;
 height:0px;
 border-width:0px 120px 80px 0px; 
 border-color:transparent transparent black  transparent;
 border-style:solid dashed dashed dashed;
 _line-height:0px;
 _font-size:0;
 z-index: 1;
}
 
.trapezoid {
 width:10px;
 height:10px;
 border-color:maroon gray silver orange;
 border-style:solid solid solid solid;
}
 
.bigtriangle {
 border-color:maroon maroon transparent transparent;
 border-style:solid solid dashed dashed;
}
 
.mt15 
{
	margin-top:85px;
	margin-left:20px;
} 




